<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Cache</title>
        <link rel="stylesheet" href="./css/element-ui.css">
        <link rel="stylesheet" href="./css/base.css">
    </head>
    <body>
        <div id="app">
            <header>
                <i class="el-icon-star-off"></i> Cache 管理
            </header>
            <nav>
                <el-menu mode="vertical" default-active="1">
                    <el-menu-item index="0">
                        <el-input
                                placeholder="请选择 Key"
                                icon="search"
                                v-model="input2"
                                :on-icon-click="handleIconClick">
                        </el-input>
                    </el-menu-item>
                    <el-menu-item index="1"><i class="el-icon-information"></i>导航一</el-menu-item>
                    <el-menu-item index="2"><i class="el-icon-information"></i>导航二</el-menu-item>
                </el-menu>
            </nav>
            <main>

            </main>
        </div>

        <script src="./js/vue.min.js"></script>
        <script src="./js/element-ui.js"></script>
        <script>
            new Vue({
                el: '#app',
                data() {
                    return {
                        activeIndex: '1',
                        input2: ''
                    }
                },
                methods: {
                    handleSelect(key, keyPath) {
                        console.log(key, keyPath);
                    },
                    handleIconClick() {

                    }
                }
            })
        </script>
    </body>
</html>